//colors
$colors:("primary":#db9e3f,
  "info":#4b67af,
  "blue":#4394e4,
  "yellow":#805300,
  "blue-1":#1f3695,
  "red":#791a16,
  "dark-2":#33332c,
  "white":#fff,
  "black":#000,
  "dark":#222,
  "dark-1":#343440,
  "gary":#999,
  "gary-1":#666,
  "light":#f9f9f9,
  "light-1":#d4d9de,
);
//border
$border-color:map-get($colors,'light-1');
//font-size
$base-font-size:1;
$font-sizes:(xxs:0.6154rem, xs:0.7692rem, sm:0.9231rem, md:1rem, lg:1.0769rem, xl:1.2308rem, ); //min8px
//flex
$flex-jc:( //x
  start:flex-start,
  end:flex-end,
  center:center,
  between:space-between,
  around:space-around,
);
$flex-ai:( //y
  start:flex-start,
  end:flex-end,
  center:center,
  stretch:stretch,
);
//spacing
$spacing-types:(m:margin,
  p:padding);
$spacing-directions:(t:top,
  b:bottom,
  l:left,
  r:right,
);
$spacing-base-size:1rem;
$spacing-sizes:(0:0, 1:0.25, 2:0.5, 3:1, 4:1.5, 5:3,
);
